@import "@styles/minx.scss";
@import '@styles/icon.font.scss';
.mediaItem{
    justify-content: center;
    align-items: center;
    &__image{
       width: 96%;
       height: 96%;
    }
    &__mask{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        background-color: rgba($color: #000000, $alpha: 0.5);
    }
 
    &__videoDuration{
        position: absolute;
        background-color: rgba($color: #000000, $alpha: 0.5);
        height: 36px;
        line-height: 36px;
        border-radius: 18px;
        bottom: 5px;
        right: 5px;
        color: #fff;
        padding: 0 10px;
        font-size: 20px;
    }
    &__chooseIcon{
        width: 36px;
        height: 36px;
        border-radius: 18px;
        border: 1px solid #fff;
        position: absolute;
        top: 5px;
        right: 5px;
        line-height: 36px;
        text-align: center;
        color: #fff;
        &--actived{
            background-color: red;
            border: 0;

        }
    }
    &__openCameraBtn{
        color: #fff;
        font-size: 64px;
    }
}
